<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> 
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+时间记录</title>
   
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/houtai/favicon.ico"> 
    <link href="${pageContext.request.contextPath}/houtai/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/houtai/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="${pageContext.request.contextPath}/houtai/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/houtai/css/style.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                     
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    		<th>员工号</th>
                                            <th>姓名</th>
                                            <th>上班打卡时间</th>
                                            <th>午餐/晚饭开始</th>
                                            <th>午餐/晚饭结束</th>
                                            <th>下班打卡时间</th>
                                            <th>打卡次数</th>
                                          
                                </tr>
                            </thead>
                            <tbody>
                            <c:forEach items="${list }" var="record">
                                <tr class="gradeX">
											<td><i class="fa fa-key"></i> ${record.username }</td>
                                    	 	<td><i class="fa fa-user"></i> ${record.nickname }</td>
                                    	 	<td>
                                    	 	<i class="fa fa-clock-o"></i> <fmt:formatDate value="${record.recordTime }" pattern="yyyy-MM-dd HH:mm:ss" />
                                    	 	</td>
											<td>
											<i class="fa fa-clock-o"></i> <fmt:formatDate value="${record.recordTime2 }" pattern="yyyy-MM-dd HH:mm:ss" />
											</td>
											<td>
											<i class="fa fa-clock-o"></i> <fmt:formatDate value="${record.recordTime3 }" pattern="yyyy-MM-dd HH:mm:ss" />
											</td>
											<td>
											<i class="fa fa-clock-o"></i> <fmt:formatDate value="${record.recordTime4 }" pattern="yyyy-MM-dd HH:mm:ss" />
											</td>
											<td>${record.lognum }</td>
											
                                </tr>
                                
                                </c:forEach>
                            </tbody>
                            
                        </table>
                        <div class="fenye">
							共 ${requestScope.page.totalSize } 条记录
							<div>
								<ul class="btn btn-white">
									${requestScope.pageString }
								</ul>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
          </div>
         				 
<input type="hidden" value="${requestScope.page.totalPage }" id="totalPage"/>
    <!-- 全局js -->
    <script src="${pageContext.request.contextPath}/houtai/js/jquery.min.js?v=2.1.4"></script>
    <script src="${pageContext.request.contextPath}/houtai/js/bootstrap.min.js?v=3.3.6"></script>



    <script src="${pageContext.request.contextPath}/houtai/js/plugins/jeditable/jquery.jeditable.js"></script>

   
    <!-- 自定义js -->
    <script src="${pageContext.request.contextPath}/houtai/js/content.js"></script>


   <script type="text/javascript">
		$(document).ready(function(){
			$('.page_s').on('click',function(){
				var count = $(this).attr('lang');
				if (count <= parseInt($('#totalPage').val()) && count >= 1){
		   window.location.href="${pageContext.request.contextPath}/recordlist?currentPage="+count;
			}
			});
			
		});
		
		function  toStart(){
			 window.location.href="${pageContext.request.contextPath}/recordlist?currentPage="+1;
			}
		function  toEnd(){
			 window.location.href="${pageContext.request.contextPath}/recordlist?currentPage="+parseInt($('#totalPage').val());
			}
	</script>
</body>

</html>
